<!--<div class="container clearfix login-outwarp-header">-->
<!--<div class="login-logo-top-warp pull-left">-->
<!--<img src="/assets/images/logo-green.png" alt="">-->
<!--</div>-->
<!--<div class="pull-left login-outwarp-msg">欢迎光临</div>-->
<!--</div>-->
<div class="login-main">
  <div class="container clearfix">
    <div class="login-warp col-md-5 col-xs-12 pull-right">

      <!-- 登录 -->
      <div class="login-content">
        <form #loginForm="ngForm" class="form-horizontal">

          <div class="login-input-warp">
            <label for="username"></label>
            <input type="text" name="username" [(ngModel)]="username" required class="login-input" id="username" placeholder="手机号/邮箱">
          </div>

          <div class="login-input-warp">
            <label for="password"></label>
            <input type="password" name="password" [(ngModel)]="password" required class="login-input" id="password" placeholder="密码">
          </div>

          <div *ngFor="let alert of alerts">
            <alert [type]="alert.type" dismissible="true">{{ alert.msg }}</alert>
          </div>

          <button [disabled]="!loginForm.form.valid" type="submit" class="btn-login btn btn-lg" (click)="login()">登录</button>
        </form>
      </div>

    </div>
  </div>
</div>

